<template>
	<view style="margin-top: 20px;">
		
		<view class="yinhangkajilv" v-for="(item,index) in list">
			<view class="jilvtext">
				<text style="margin-bottom: 2px;">充值</text>
				<text style="font-size: 13px;">{{item.add_time}}</text>
			</view>
			
			<view class="jilvtextzhuangtai">
				<view class="" >
					<text style="margin-right: 5px;">{{item.money}}</text>元
				</view>
				<text style="font-size: 13px;color:#39B54A;" v-show="item.state == 1">成功</text>
				<text style="font-size: 13px;color: #CCCCCC;" v-show="item.state == 0">待审核</text>
				<text style="font-size: 13px;color: #F20;" v-show="item.state == -1"><text style="width: 10px;height: 10px;padding: 10px;border-radius: 50%;color: #000000;" @click="tishi(item.reject_reason)">原因</text>失败</text>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:''
			}
		},
		onLoad() {
			this.token = uni.getStorageSync("token")
			uni.request({
				url: this.G_base + '/api/lz/etcList',
				method: "GET",
				header: {
					'content-type': 'application/x-www-form-urlencoded',
					'Authori-zation': 'Bearer ' + this.token
				},
				success: (res) => {
					console.log(res.data.data)
					this.list = res.data.data
				},
				fail: (err) => {
					console.log(err)
				}
			});
		},
		methods: {
			tishi(msg){
				uni.showToast({
					title:msg,
					icon:'none'
				})
			},
			test(){
				uni.navigateBack({
					delta:1
				})
			},
			back(){
			
				console.log("huitui")
			}
		},
		
	}
</script>

<style>
	.jilvtextzhuangtai{
		text-align: center;
	}
	.jilvtext{
		display: flex;
		flex-direction: column;
		
	}
	.jilvtext text:nth-child(1){
		margin-top: 5px;
	}
	.yinhangkajilv{
		border-bottom: 1px solid #EEEEEE;
		display: flex;
		justify-content: space-between;
		margin: 0 10px;
		margin-bottom: 10px;
		align-items: center;
		flex-direction: row;
		
	}
	.wrapper_yinhang{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 10px 20px;
	}
.wrapper_yinhang .two image{
	width: 20px;
	height: 20px;
	background-color: rgba(125, 125, 125, 1);
}
.wrapper_yinhang .one text:nth-child(1){
	margin-bottom: 5px;
}
.wrapper_yinhang .one{
	display: flex;
	flex-direction: column;
	
}
</style>
